<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>夏季营销活动 - 项目详情 - 图库共享</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body class="bg-gray-50 font-sans">
    <!-- 导航栏 -->
    <nav class="bg-white shadow-sm sticky top-0 z-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between h-16">
                <div class="flex">
                    <div class="flex-shrink-0 flex items-center">
                        <a href="index.html">
                            <span class="text-indigo-600 text-xl font-bold">图库共享</span>
                        </a>
                    </div>
                    <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
                        <a href="index.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">首页</a>
                        <a href="explore.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">探索</a>
                        <a href="workspace.html" class="border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">工作空间</a>
                        <a href="community.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">社区</a>
                    </div>
                </div>
                <div class="hidden sm:ml-6 sm:flex sm:items-center">
                    <!-- 搜索框 -->
                    <div class="relative">
                        <input type="text" placeholder="搜索素材..." class="bg-gray-100 rounded-full py-2 px-4 w-64 focus:outline-none focus:ring-2 focus:ring-indigo-500">
                        <button class="absolute right-0 top-0 mt-2 mr-3 text-gray-400">
                            <i class="fas fa-search"></i>
                        </button>
                    </div>
                    
                    <!-- 上传按钮 -->
                    <a href="upload.html" class="ml-4 px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                        上传素材
                    </a>
                    
                    <!-- 用户菜单 -->
                    <div class="ml-4 relative">
                        <button class="rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                            <img class="h-8 w-8 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="用户头像">
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <!-- 主要内容 -->
    <main class="py-8">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <!-- 返回按钮和项目标题 -->
            <div class="mb-6 flex items-center justify-between">
                <div>
                    <a href="workspace.html" class="inline-flex items-center text-sm text-gray-500 hover:text-indigo-600">
                        <i class="fas fa-arrow-left mr-2"></i>
                        返回工作空间
                    </a>
                    <h1 class="text-3xl font-bold text-gray-900 mt-2">夏季营销活动</h1>
                </div>
                <div class="flex space-x-3">
                    <button class="inline-flex items-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                        <i class="fas fa-user-plus mr-2"></i>
                        邀请成员
                    </button>
                    <button class="inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                        <i class="fas fa-cog mr-2"></i>
                        项目设置
                    </button>
                </div>
            </div>

            <!-- 项目信息和工具栏 -->
            <div class="bg-white shadow rounded-lg p-6 mb-8">
                <div class="flex flex-wrap items-start justify-between">
                    <div class="mb-4 md:mb-0">
                        <p class="text-gray-600">创建于 2023-06-15 · 最后更新于 2023-07-15</p>
                        <div class="mt-2 flex items-center">
                            <span class="text-sm text-gray-500 mr-3">项目成员:</span>
                            <div class="flex -space-x-2 overflow-hidden">
                                <img class="h-8 w-8 rounded-full ring-2 ring-white" src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="用户头像">
                                <img class="h-8 w-8 rounded-full ring-2 ring-white" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="用户头像">
                                <img class="h-8 w-8 rounded-full ring-2 ring-white" src="https://images.unsplash.com/photo-1599566150163-29194dcaad36?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="用户头像">
                                <button class="h-8 w-8 rounded-full bg-gray-100 ring-2 ring-white flex items-center justify-center hover:bg-gray-200">
                                    <i class="fas fa-plus text-gray-600 text-xs"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="flex space-x-3">
                        <div class="flex flex-col items-center px-4 py-2 bg-gray-50 rounded-md">
                            <span class="text-xl font-semibold text-gray-900">32</span>
                            <span class="text-xs text-gray-500">素材总数</span>
                        </div>
                        <div class="flex flex-col items-center px-4 py-2 bg-gray-50 rounded-md">
                            <span class="text-xl font-semibold text-gray-900">8</span>
                            <span class="text-xs text-gray-500">文件夹</span>
                        </div>
                        <div class="flex flex-col items-center px-4 py-2 bg-gray-50 rounded-md">
                            <span class="text-xl font-semibold text-gray-900">147</span>
                            <span class="text-xs text-gray-500">评论</span>
                        </div>
                    </div>
                </div>
                <div class="mt-6 border-t border-gray-200 pt-6">
                    <p class="text-gray-700">
                        夏季营销活动的图片素材集合，包括社交媒体Banner、产品展示、活动宣传等内容。团队成员可以在此管理和协作所有相关图片资源。
                    </p>
                </div>
            </div>

            <!-- 项目工具栏 -->
            <div class="flex flex-wrap items-center justify-between bg-white shadow rounded-lg p-4 mb-6">
                <div class="flex space-x-2 mb-2 md:mb-0">
                    <button class="inline-flex items-center px-3 py-2 text-sm text-gray-600 hover:bg-gray-100 rounded-md">
                        <i class="fas fa-th mr-1"></i>
                        网格视图
                    </button>
                    <button class="inline-flex items-center px-3 py-2 text-sm text-gray-600 hover:bg-gray-100 rounded-md">
                        <i class="fas fa-list mr-1"></i>
                        列表视图
                    </button>
                    <div class="relative">
                        <button class="inline-flex items-center px-3 py-2 text-sm text-gray-600 hover:bg-gray-100 rounded-md">
                            <i class="fas fa-sort mr-1"></i>
                            排序
                        </button>
                    </div>
                </div>
                <div class="flex space-x-2">
                    <input type="text" placeholder="在项目中搜索..." class="px-4 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
                    <button class="inline-flex items-center px-3 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none">
                        <i class="fas fa-plus mr-1"></i>
                        添加文件夹
                    </button>
                    <button class="inline-flex items-center px-3 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none">
                        <i class="fas fa-upload mr-1"></i>
                        上传素材
                    </button>
                </div>
            </div>

            <!-- 文件夹和素材 -->
            <div class="mb-8">
                <h2 class="text-xl font-medium text-gray-900 mb-4">文件夹</h2>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
                    <!-- 文件夹1 -->
                    <div class="bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden">
                        <div class="p-4 border-b border-gray-200">
                            <div class="flex items-center justify-between">
                                <div class="flex items-center">
                                    <i class="fas fa-folder text-indigo-400 text-lg mr-2"></i>
                                    <span class="font-medium text-gray-900">社交媒体</span>
                                </div>
                                <button class="text-gray-400 hover:text-gray-600">
                                    <i class="fas fa-ellipsis-v"></i>
                                </button>
                            </div>
                        </div>
                        <div class="flex justify-between items-center p-4">
                            <span class="text-sm text-gray-600">10个素材</span>
                            <span class="text-xs text-gray-500">更新于3天前</span>
                        </div>
                    </div>

                    <!-- 文件夹2 -->
                    <div class="bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden">
                        <div class="p-4 border-b border-gray-200">
                            <div class="flex items-center justify-between">
                                <div class="flex items-center">
                                    <i class="fas fa-folder text-indigo-400 text-lg mr-2"></i>
                                    <span class="font-medium text-gray-900">产品展示</span>
                                </div>
                                <button class="text-gray-400 hover:text-gray-600">
                                    <i class="fas fa-ellipsis-v"></i>
                                </button>
                            </div>
                        </div>
                        <div class="flex justify-between items-center p-4">
                            <span class="text-sm text-gray-600">8个素材</span>
                            <span class="text-xs text-gray-500">更新于5天前</span>
                        </div>
                    </div>

                    <!-- 文件夹3 -->
                    <div class="bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden">
                        <div class="p-4 border-b border-gray-200">
                            <div class="flex items-center justify-between">
                                <div class="flex items-center">
                                    <i class="fas fa-folder text-indigo-400 text-lg mr-2"></i>
                                    <span class="font-medium text-gray-900">Banner设计</span>
                                </div>
                                <button class="text-gray-400 hover:text-gray-600">
                                    <i class="fas fa-ellipsis-v"></i>
                                </button>
                            </div>
                        </div>
                        <div class="flex justify-between items-center p-4">
                            <span class="text-sm text-gray-600">6个素材</span>
                            <span class="text-xs text-gray-500">更新于1周前</span>
                        </div>
                    </div>

                    <!-- 文件夹4 -->
                    <div class="bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden">
                        <div class="p-4 border-b border-gray-200">
                            <div class="flex items-center justify-between">
                                <div class="flex items-center">
                                    <i class="fas fa-folder text-indigo-400 text-lg mr-2"></i>
                                    <span class="font-medium text-gray-900">活动宣传</span>
                                </div>
                                <button class="text-gray-400 hover:text-gray-600">
                                    <i class="fas fa-ellipsis-v"></i>
                                </button>
                            </div>
                        </div>
                        <div class="flex justify-between items-center p-4">
                            <span class="text-sm text-gray-600">5个素材</span>
                            <span class="text-xs text-gray-500">更新于2周前</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 最近添加的素材 -->
            <div>
                <div class="flex justify-between items-center mb-4">
                    <h2 class="text-xl font-medium text-gray-900">最近添加的素材</h2>
                    <a href="#" class="text-sm text-indigo-600 hover:text-indigo-800">查看全部</a>
                </div>
                <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
                    <!-- 素材1 -->
                    <div class="bg-white rounded-lg shadow-sm overflow-hidden group">
                        <div class="relative">
                            <img src="https://images.unsplash.com/photo-1523731407965-2430cd12f5e4?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" 
                                 alt="素材图片" 
                                 class="w-full h-40 object-cover transform group-hover:scale-105 transition-transform duration-300">
                            <div class="absolute inset-0 bg-black bg-opacity-30 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center space-x-2">
                                <button class="p-2 bg-white rounded-full text-gray-700 hover:text-indigo-600">
                                    <i class="far fa-eye"></i>
                                </button>
                                <button class="p-2 bg-white rounded-full text-gray-700 hover:text-indigo-600">
                                    <i class="far fa-edit"></i>
                                </button>
                                <button class="p-2 bg-white rounded-full text-gray-700 hover:text-red-600">
                                    <i class="far fa-trash-alt"></i>
                                </button>
                            </div>
                        </div>
                        <div class="p-3">
                            <h3 class="text-sm font-medium text-gray-900 truncate">夏季产品展示_01.jpg</h3>
                            <div class="mt-1 flex justify-between items-center">
                                <span class="text-xs text-gray-500">2天前</span>
                                <div class="flex items-center">
                                    <span class="text-xs text-gray-500 mr-2">5.2MB</span>
                                    <button class="text-gray-400 hover:text-gray-600">
                                        <i class="fas fa-ellipsis-v"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 素材2 -->
                    <div class="bg-white rounded-lg shadow-sm overflow-hidden group">
                        <div class="relative">
                            <img src="https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" 
                                 alt="素材图片" 
                                 class="w-full h-40 object-cover transform group-hover:scale-105 transition-transform duration-300">
                            <div class="absolute inset-0 bg-black bg-opacity-30 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center space-x-2">
                                <button class="p-2 bg-white rounded-full text-gray-700 hover:text-indigo-600">
                                    <i class="far fa-eye"></i>
                                </button>
                                <button class="p-2 bg-white rounded-full text-gray-700 hover:text-indigo-600">
                                    <i class="far fa-edit"></i>
                                </button>
                                <button class="p-2 bg-white rounded-full text-gray-700 hover:text-red-600">
                                    <i class="far fa-trash-alt"></i>
                                </button>
                            </div>
                        </div>
                        <div class="p-3">
                            <h3 class="text-sm font-medium text-gray-900 truncate">团队会议_设计讨论.jpg</h3>
                            <div class="mt-1 flex justify-between items-center">
                                <span class="text-xs text-gray-500">3天前</span>
                                <div class="flex items-center">
                                    <span class="text-xs text-gray-500 mr-2">4.7MB</span>
                                    <button class="text-gray-400 hover:text-gray-600">
                                        <i class="fas fa-ellipsis-v"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 素材3 -->
                    <div class="bg-white rounded-lg shadow-sm overflow-hidden group">
                        <div class="relative">
                            <img src="https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" 
                                 alt="素材图片" 
                                 class="w-full h-40 object-cover transform group-hover:scale-105 transition-transform duration-300">
                            <div class="absolute inset-0 bg-black bg-opacity-30 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center space-x-2">
                                <button class="p-2 bg-white rounded-full text-gray-700 hover:text-indigo-600">
                                    <i class="far fa-eye"></i>
                                </button>
                                <button class="p-2 bg-white rounded-full text-gray-700 hover:text-indigo-600">
                                    <i class="far fa-edit"></i>
                                </button>
                                <button class="p-2 bg-white rounded-full text-gray-700 hover:text-red-600">
                                    <i class="far fa-trash-alt"></i>
                                </button>
                            </div>
                        </div>
                        <div class="p-3">
                            <h3 class="text-sm font-medium text-gray-900 truncate">社交媒体Banner_夏季.jpg</h3>
                            <div class="mt-1 flex justify-between items-center">
                                <span class="text-xs text-gray-500">5天前</span>
                                <div class="flex items-center">
                                    <span class="text-xs text-gray-500 mr-2">3.5MB</span>
                                    <button class="text-gray-400 hover:text-gray-600">
                                        <i class="fas fa-ellipsis-v"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 素材4 -->
                    <div class="bg-white rounded-lg shadow-sm overflow-hidden group">
                        <div class="relative">
                            <img src="https://images.unsplash.com/photo-1434626881859-194d67b2b86f?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" 
                                 alt="素材图片" 
                                 class="w-full h-40 object-cover transform group-hover:scale-105 transition-transform duration-300">
                            <div class="absolute inset-0 bg-black bg-opacity-30 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center space-x-2">
                                <button class="p-2 bg-white rounded-full text-gray-700 hover:text-indigo-600">
                                    <i class="far fa-eye"></i>
                                </button>
                                <button class="p-2 bg-white rounded-full text-gray-700 hover:text-indigo-600">
                                    <i class="far fa-edit"></i>
                                </button>
                                <button class="p-2 bg-white rounded-full text-gray-700 hover:text-red-600">
                                    <i class="far fa-trash-alt"></i>
                                </button>
                            </div>
                        </div>
                        <div class="p-3">
                            <h3 class="text-sm font-medium text-gray-900 truncate">夏日沙滩活动_宣传海报.jpg</h3>
                            <div class="mt-1 flex justify-between items-center">
                                <span class="text-xs text-gray-500">1周前</span>
                                <div class="flex items-center">
                                    <span class="text-xs text-gray-500 mr-2">6.1MB</span>
                                    <button class="text-gray-400 hover:text-gray-600">
                                        <i class="fas fa-ellipsis-v"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 最近活动 -->
            <div class="mt-12 bg-white shadow rounded-lg p-6">
                <h2 class="text-xl font-medium text-gray-900 mb-4">项目活动</h2>
                <div class="space-y-6">
                    <!-- 活动1 -->
                    <div class="flex">
                        <div class="flex-shrink-0 mr-4">
                            <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="用户头像">
                        </div>
                        <div>
                            <div class="flex items-center">
                                <h3 class="text-sm font-medium text-gray-900">李华</h3>
                                <span class="ml-2 text-sm text-gray-500">上传了5张新图片</span>
                                <span class="mx-2 text-gray-500">•</span>
                                <span class="text-sm text-gray-500">2小时前</span>
                            </div>
                            <div class="mt-2 flex space-x-2 overflow-x-auto">
                                <img src="https://images.unsplash.com/photo-1523731407965-2430cd12f5e4?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=80" class="h-14 w-14 rounded object-cover flex-shrink-0" alt="上传的图片">
                                <img src="https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=80" class="h-14 w-14 rounded object-cover flex-shrink-0" alt="上传的图片">
                                <img src="https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=80" class="h-14 w-14 rounded object-cover flex-shrink-0" alt="上传的图片">
                            </div>
                        </div>
                    </div>

                    <!-- 活动2 -->
                    <div class="flex">
                        <div class="flex-shrink-0 mr-4">
                            <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="用户头像">
                        </div>
                        <div>
                            <div class="flex items-center">
                                <h3 class="text-sm font-medium text-gray-900">张明</h3>
                                <span class="ml-2 text-sm text-gray-500">创建了新文件夹 "社交媒体"</span>
                                <span class="mx-2 text-gray-500">•</span>
                                <span class="text-sm text-gray-500">昨天</span>
                            </div>
                        </div>
                    </div>

                    <!-- 活动3 -->
                    <div class="flex">
                        <div class="flex-shrink-0 mr-4">
                            <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1599566150163-29194dcaad36?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="用户头像">
                        </div>
                        <div>
                            <div class="flex items-center">
                                <h3 class="text-sm font-medium text-gray-900">王强</h3>
                                <span class="ml-2 text-sm text-gray-500">添加了评论</span>
                                <span class="mx-2 text-gray-500">•</span>
                                <span class="text-sm text-gray-500">3天前</span>
                            </div>
                            <div class="mt-2 p-3 bg-gray-100 rounded-lg text-sm text-gray-700">
                                "这些Banner设计很棒，但颜色是否可以更符合我们的品牌调性？建议调整为更明亮的蓝色系。"
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mt-4 text-center">
                    <button class="text-sm text-indigo-600 hover:text-indigo-800 font-medium">
                        查看更多活动
                    </button>
                </div>
            </div>
        </div>
    </main>

    <!-- 页脚 -->
    <footer class="bg-gray-800 text-white mt-12">
        <div class="max-w-7xl mx-auto px-4 py-12 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                <div>
                    <h3 class="text-lg font-semibold mb-4">图库共享</h3>
                    <p class="text-gray-400">智能协同图片素材网，为创作者提供完美的协作平台。</p>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-4">快速链接</h3>
                    <ul class="space-y-2">
                        <li><a href="index.html" class="text-gray-400 hover:text-white">首页</a></li>
                        <li><a href="explore.html" class="text-gray-400 hover:text-white">探索</a></li>
                        <li><a href="workspace.html" class="text-gray-400 hover:text-white">工作空间</a></li>
                        <li><a href="community.html" class="text-gray-400 hover:text-white">社区</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-4">关于我们</h3>
                    <ul class="space-y-2">
                        <li><a href="#" class="text-gray-400 hover:text-white">公司简介</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white">联系我们</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white">加入我们</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white">帮助中心</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-4">关注我们</h3>
                    <div class="flex space-x-4">
                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-weixin fa-lg"></i></a>
                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-weibo fa-lg"></i></a>
                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-github fa-lg"></i></a>
                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin fa-lg"></i></a>
                    </div>
                </div>
            </div>
            <div class="border-t border-gray-700 pt-8 mt-12 flex flex-col md:flex-row justify-between items-center">
                <p class="text-gray-400">© 2023 图库共享. 保留所有权利</p>
                <div class="flex mt-4 md:mt-0 space-x-6">
                    <a href="#" class="text-gray-400 hover:text-white">隐私政策</a>
                    <a href="#" class="text-gray-400 hover:text-white">使用条款</a>
                    <a href="#" class="text-gray-400 hover:text-white">Cookie 政策</a>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>